iT邦幫忙

claude code相關文章
共有 102 則文章
鐵人賽 Claude AI DAY 18

技術 Day 18|連得到小米手環!先做一支命令列工具,再弄出個 UI

本篇階段:Prj#3 硬體串接 使用介面:Claude Code(via VS Code) 前情 Day 17 定了兩條界線:唯讀,還有先命令列後圖形...

鐵人賽 AI Engineering DAY 9

技術 Day 09|Step 4:先把 API 規格與 mock 放好,UI 才不會亂猜

Day 08 把一份 Plan 往下拆成 Task,讓 AI 知道接下來有哪些工作要做。不過只要其中一項工作會讀資料、送出申請,或改變畫面狀態,事情又會回到另一...

鐵人賽 AI Engineering DAY 1

技術 Day 01:AI 開發雜記——為什麼工具本身也要被設計

前言:CLAUDE.md 不就是寫一份文件給 AI 看嗎,有什麼好設計的? 「CLAUDE.md、Skill、記憶系統,講白了不就是幾份給 AI 讀的說明文件嗎...

技術 Claude code 新手篇 7:控制 Claude 怎麼想 — 選模型與思考深度

這是「Claude Code 實戰手冊」系列的第七篇(G7)。G2 講用量時我留了一句「簡單任務用便宜模型,下一段細講」—— 結果那個「下一段」拖了五篇。這篇...

鐵人賽 Claude AI DAY 16

技術 Day 16|格式定好不用動,資料變變變也沒關係

本篇階段:應用程式 使用介面:Claude Code(via VS Code) 前情 Day 15 那支統計分析程式跑完,輸出裡有一份 Analysi...

鐵人賽 AI Engineering DAY 7

技術 Day 07|Step 2:Plan 讓我先確認技術細節

Day 06 的 Spec 先處理「這次要改什麼」。但當需求開始碰到既有 API、資料來源與多個檔案時,還有一件事不能跳過:先看 AI 準備怎麼做。 P...

鐵人賽 Claude AI DAY 15

技術 Day 15|腦子裡綁在一起的兩件事,prompt 裡只寫了一件

本篇階段:Prj#2 架構專案 使用介面:Claude Code(via VS Code) 前情 Day 14 一行程式都沒寫,只做四件事:找參考資料...

鐵人賽 AI Engineering DAY 6

技術 Day 06|Step 1:需求寫進 Spec,AI 才有可討論的工作範圍

Part 2|第一次把開發寫成協議:DAP 的 8-Step(Day 06–13) 接下來這八天,我會回頭拆解 DAP 在上線過程中逐步形成的 8-Step。從...

鐵人賽 Claude AI DAY 14

技術 Day 14|在 AI 寫第一行程式之前,先把「要算什麼」決定好

本篇階段:Prj#2 架構專案 使用介面:Claude Code(via VS Code) 前情 Day 13 做了三個小工具,做法是「先少講一點,讓...

鐵人賽 AI Engineering DAY 5

技術 Day 05|UI 不只是 Prompt:Pencil MCP 如何讓我先把畫面講清楚

Day 04 把申請、審核和分派帶回 DAP 後,畫面開始承接更多角色與狀態。下一個問題變成:這些畫面到底要怎麼講清楚,才不會又靠 AI 盲猜? 第三代...

鐵人賽 AI Engineering DAY 25

技術 【AI Agent 25】Claude Code 架構拆解:完整 Coding Harness 的重點,不是「更會寫 Code」

前 24 天,我們把 Agent Harness 拆成很多獨立機制。 從 Day 25 開始,我們不再新增新的抽象層。 接下來要做的是反過來看真實 Agent:...

鐵人賽 AI Engineering DAY 4

技術 Day 04|為了少一次開單,我決定重做整個單據流程

Day 03 確認了 JSON 有沒有被改壞。但 JSON 寄出去後,申請人還得跨系統開單、送審、分派與追蹤。這是展開第三代改版的重點項目。 第二代的 D...

鐵人賽 Modern Web DAY 11

技術 Day 11:我的工具把整個部落格當成訊息日誌

Day 11 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Claude AI DAY 11

技術 Day 11|規則擋不住的交給圍欄,每次用不到的別讓它進來

本篇階段:基礎說明 使用介面:Claude Code(終端機 CLI + VS Code 擴充套件) 前情 Day 10 把 ~/.claude/CL...

鐵人賽 AI Engineering DAY 3

技術 Day 03|功能從 1 個變成 12 個後:我開始怕「改 A 壞 B」

把 Notebook 的流程搬到 Web 後,功能越來越多。我開始不只看畫面能不能跑,而是回頭比對產出的結果:改了 A,為修改的 B 的輸出還一樣嗎? Da...

鐵人賽 Modern Web DAY 10

技術 Day 10:漸層背景上的白字,公式要吃哪一個顏色

Day 10 · W2 · 無障礙線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 AI Engineering DAY 2

技術 Day 02|Vibe Coding 為什麼在 DAP 的第一階段很好用?

Day 01 我提到,DAP 的第二代不是從 Agent 或複雜流程開始,而是先用 Vibe Coding 把 Notebook 的人工作業搬到 Web。今...

鐵人賽 Claude AI DAY 10

技術 Day 10|每次都要重講的話,寫成檔案;這次沒做完的事,寫成一封信

本篇階段:基礎說明 使用介面:Claude Code(終端機 CLI + VS Code 擴充套件) 前情 Day 09 整理了 Skill:一個按需...

鐵人賽 Claude AI DAY 2

技術 Day 02 網域 DNS 與固定 IP

系統是拿來用的,所以要能聯網,要連網,就要有:一個網域、一個固定 IP。 用 AI ,就是要提供服務,要提供服務,就必須聯網,無論是網站,app,mail,n...

鐵人賽 Claude AI DAY 1

技術 DAY 01 一個人的機房:用 Claude 建置 AI 機房

1962,老頭一個,中文系畢業,愛玩電腦。感謝 AI 時代的來臨,許多過往遙不可及的夢想,可以逐步實現。 先講清楚:我沒有要發表程式碼, skill,或任何密...

鐵人賽 AI Engineering DAY 1

技術 Day 01|我不是從 Agent 開始:如何用 Vibe Coding 把既有流程搬到 Web

AI Engineering 實戰|Day 01 從真實專案回看:一套 AI 開發流程是怎麼長出來的 我原本主要做資料庫管理,沒有寫過前端架構。這篇是我第一...

鐵人賽 Modern Web DAY 9

技術 Day 09:同一條規則我寫了兩次,因為 lint 跟瀏覽器看到的不是同一個東西

Day 09 · W2 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 8

技術 Day 08:Python 一行都不是我寫的,那我到底在做什麼

Day 08 · W2 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 7

技術 Day 07:六個魔術數字都是我拍板的,所以我把程式碼送出去

Day 07 · W1 · AI 線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 6

技術 Day 06:規範換版對齊 WCAG 2.2,我以為要補 109 條,實際只有 7 條

Day 06 · W1 · 無障礙線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 5

技術 Day 05:axe-core、pa11y、Lighthouse 都跑過了,為什麼還要再蓋一把

Day 05 · W1 · 無障礙線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 4

技術 Day 04:20 秒裝好,然後它抓到自己

Day 04 · W1 · 無障礙線 · 難度 ★☆☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

鐵人賽 Modern Web DAY 3

技術 Day 03:一個晚上,AAA 自評覆蓋率從 12/20 跑到 20/20

Day 03 · W1 · AI 線 · 難度 ★★★☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...

技術 Claude code 新手篇 6:別再只丟純文字 — 用 HTML 跟 Claude 溝通

1. 同樣的內容,兩種讀法 G5 結尾我提到一件事:交接檔我後來從 .md 換成了 .html。這篇就是來說明這個轉變的心路歷程。 先講我為什麼換。 這個念頭最...

鐵人賽 Modern Web DAY 2

技術 Day 02:我們的工具說「全綠」,人工審查回來 9 條

Day 02 · W1 · 無障礙線 · 難度 ★★☆☆☆ 本系列由 AI 協作撰寫。 內容、技術判斷、程式碼由 light-design 數位顧問團隊與 C...